“Visual Composer - Search Social Stream” Documentation by “Hitesh Khunt” v1.0

“Visual Composer - Search Social Stream”

Created: 16/03/2017
By: Hitesh Khunt
Email: khunthitesh32@gmail.com

Thank you for purchasing my wordpress plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Introduction
Main Features
Installation guide
Getting started
Visual Composer Setting
Shortcode and HTML use
Sources and Credits

A) Introduction - top

Search Social Stream for WordPress give you an incredible flexibility to insert whatever you want in posts and pages body

Everyone can use , because it’s fully automatic, and it’s compatible with all recent versions of wordpress!

B) Main Features - top

Responsive Layout option.
Search Social Data.
3 Style Available
Facebook, Twitter, Youtube, Google Plus and Vimeo Feed
Custom backgrond Color and hover background color
Show more
Mix Feed Available.

C) Installation guide - top

This part of the documentation is going to cover, in a step by step instruction the installation of WP Plugins on your WordPress blog in general.

Step 1. The most important task is to make certain you have an upto date backup of your blog! This is always a good thing, not necessarily so important for our plugin but in general.
Step 2. Log into your WordPress Admin area.
Step 3. Look down the left hand column for "Plugins" and then click on the word "Plugins".
Step 4. Just to the right of the title “(Manage) Plugins” in the image above, you can see a button marked "Add New", click this button.

Plugin Upload

Step 5. The image above shows the option to upload the plugin from your own PC, this is the vc-search-social-stream.zip inside the zip you had previously downloaded from CodeCanyon. Install the zip and click on "Activate Plugin".

Plugin activation

Installibg by FTP

First, you need a tool for uploading plugin files to your site, you can use filemanager from cPanel or any FTP clients. Some good FTP clients :

Download vc-search-social-stream.zip from CodeCanyon
Extract the vc-search-social-stream directory to your computer
Upload the vc-search-social-stream directory to the /wp-content/plugins/ directory
Activate the plugin in the Plugin dashboard

Also WordPress codex contains instructions on how to do this here.

D) Getting started - top

The simple activation of the plugin is enough to have the desired behavior for all pages.

Search Social Stream for WordPress Settings

First Step of this plugin. please click on social setting on menu. please see below screenshot.

please add social access token and key for related social feed.

Search Social Stream Settings

Setting Title	Description
Facebook Access Token	Add Facebook Access Token for get facebook feed. How To Get
Vimeo Access Token	Add Vimeo Access Token for get Vimeo feed. How To Get
Youtube / Google Plus Access Token	Add Youtube / Google Plus Access Token for get Youtube / Google Plus feed. How To Get
Twitter API Token	If you keep seeing the message 'sorry twitter is down and will be right back', it may be a good idea to add your own tokens below. See how to get API Keys and Tokens for Twitter. Leave the fields below empty to use our Default API access tokens.

Social Settings

Setting Title	Description	Default	Possible Values
Facebook	Facebook On.	OFF	ON / OFF
Facebook limit	Set Limit for facebook feed par page. (This option visible if Facebook "ON")	5
Google Plus	Google Plus On.	OFF	ON / OFF
Google Plus limit	Set Limit for Google Plus feed par page. (This option visible if Google Plus "ON")	5
Twitter	Twitter On.	OFF	ON / OFF
Twitter limit	Set Limit for Twitter feed par page. (This option visible if Twitter "ON")	5
YouTube	YouTube On.	OFF	ON / OFF
YouTube limit	Set Limit for YouTube feed par page. (This option visible if YouTube "ON")	5
Vimeo	Vimeo On.	OFF	ON / OFF
Vimeo limit	Set Limit for Vimeo feed par page. (This option visible if Vimeo "ON")	5

General Settings

Setting Title	Description	Default	Possible Values
Skin type	Choose skin type for social layout.	Style1
Load more	add Load more feed button.	ON	ON / OFF
Show more text	add Show more button text.Default:Load More	None
Popup Width	Set Popup Max Width. Default : 425px.	425px	Number Field
Popup Height	Set Popup height. Desktop Default : 570px.	Desktop : 570px, Tablet : 500px, Mobile : 450px	Number Field for responsive.
Extra class name	If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.		Add any class name for custom css

Color / Font Settings

Setting Title	Description	Default	Possible Values
Set Header Image	Set Header Image	OFF	ON / OFF
Popup Header Image	Set Popup Header Image.		any image select on media.
Popup Header Font Size	Set Popup Header Title Font Size. Default : 16px	16
Popup Header Title Color	Set Popup Header Title Color. Default : #222222	#222222	any color select on color picker
Popup Header Background Color	set Popup Header background color. Default : #dfdfdf.	#dfdfdf	any color select on color picker
Popup Feed Container Background Color	set Popup Feed Container background color.		any color select on color picker
Feed Background Color	set Feed background color.		any color select on color picker
Title Color	set Title Color.		any color select on color picker
Title Font Size	Set Title Font Size. Default : 16px	16
Description Color	Set Description Color		any color select on color picker
Description Font Size	Set Description Font Size. Default : 14px	14
Load more Loader and Text Color	set Load More Loader and Text color.		any color select on color picker
Close Background Color	set Close Background color.		any color select on color picker
Text Underline height	Set Text Underline height. Default : 1px	1
Select Underline Color	set Text Underline Background color. Default: Red.	#ff0000	any color select on color picker
Underline Skin	Choose Underline skin type.	dotted
Cursor Hover Style	Choose Cursor Hover Style.
Social Text Color	set Social Text color.		any color select on color picker
Social Text Background Color	set Social Text Background color.		any color select on color picker

E) Visual Composer Settings and Addon - top

Visual Composer Settings

Social Setting

Setting Title	Description	Default	Possible Values
Search Title	add Search Title.		add search text.
Facebook	Facebook On.	OFF	ON / OFF
Facebook limit	Set Limit for facebook feed par page. (This option visible if Facebook "ON")	5
Google Plus	Google Plus On.	OFF	ON / OFF
Google Plus limit	Set Limit for Google Plus feed par page. (This option visible if Google Plus "ON")	5
Twitter	Twitter On.	OFF	ON / OFF
Twitter limit	Set Limit for Twitter feed par page. (This option visible if Twitter "ON")	5
YouTube	YouTube On.	OFF	ON / OFF
YouTube limit	Set Limit for YouTube feed par page. (This option visible if YouTube "ON")	5
Vimeo	Vimeo On.	OFF	ON / OFF
Vimeo limit	Set Limit for Vimeo feed par page. (This option visible if Vimeo "ON")	5

General Setting

Setting Title	Description	Default	Possible Values
Skin type	Choose skin type for social layout.	Style1
Load more	add Load more feed button.	ON	ON / OFF
Show more text	add Show more button text.Default:Load More	None
Box Width	Set Box Max Width. Default : 425px.	425px	Number Field
Box Height Desktop	Set Box height Desktop Default : 570px.	Desktop : 570px	Number Field for Desktop view Box height.
Box Height Tablet	Set Box height Tablet Default : 500px.	Tablet : 500px	Number Field for Tablet view Box height.
Box Height Mobile	Set Box height Mobile Default : 450px.	Mobile : 450px	Number Field for Mobile view Box height.
Bottom Up Down Arrow	add Bottom Up Down Arrow.	uncheck	ON / OFF
Set Up Down Arrow Jump	Set Up Down Arrow Jump. Default : 250px	250px	Box scroll up down.
Extra class name	If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.		Add any class name for custom css

Color / Font Setting

Setting Title	Description	Default	Possible Values
Set Header Image	Set Header Image	OFF	ON / OFF
Box Header Image	Set Box Header Image.		any image select on media.
Box Header Font Size	Set Box Header Title Font Size. Default : 16px	16
Box Header Title Color	Set Box Header Title Color. Default : #222222	#222222	any color select on color picker
Box Header Background Color	set Box Header background color. Default : #dfdfdf.	#dfdfdf	any color select on color picker
Box Feed Container Background Color	set Box Feed Container background color.		any color select on color picker
Feed Background Color	set Feed background color.		any color select on color picker
Title Color	set Title Color.		any color select on color picker
Title Font Size	Set Title Font Size. Default : 16px	16
Description Color	Set Description Color		any color select on color picker
Description Font Size	Set Description Font Size. Default : 14px	14
Load more Loader and Text Color	set Load More Loader and Text color.		any color select on color picker
Bottom Up Down Section Background Color	set Bottom Up Down Section Background Color.		any color select on color picker
Set Up Down Arrow Background Color	Set Up Down Arrow Background Color		any color select on color picker
Set Up Down Arrow Color	set Set Up Down Arrow Color.		any color select on color picker

F) Shortcode and HTML use - top

For Shortcode

[social_news class="custom_class"]Social Text[/social_news]

For HTML use

<span class="sa-social-tag" social-text="Social text">Social text</span>

G) Sources and Credits - top

I've used the following css files as listed.

Once again, thank you so much for purchasing this wordpress plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question relating to the plugin on codecanyon, you might consider visiting the forums and asking your question in the "support" section.

Hitesh Khunt

Go To Table of Contents